A list of Font Awesome icons and their CSS content values

15 October 2012 by Tim Holt in Snippets

September 2014 Updated to Font-Awesome 4.2.0

Font Awesome is a web font containing all the icons from the Twitter Bootstrap framework, and now many more. Whilst the implementation in Bootstrap is designed to be used with the <i> element (Bootstrap v2), you may find yourself wanting to use these icons on other elements. To do so, you'll need to use the following CSS on the desired element, and then substitute in the content value for the relevant icon.

.element {
    position: relative;
}
 
/*replace the content value with the
corresponding value from the list below*/
 
.element:before {
    content: "\f000";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
/*--adjust as necessary--*/
    color: #000;
    font-size: 18px;
    padding-right: 0.5em;
    position: absolute;
    top: 10px;
    left: 0;
}

Note: it is not possible to use :before or :after pseudo content on <input> elements, however if you instead use <button>Label</button>, it will work as desired.

Below is a Font Awesome cheat sheet of all the content values for each icon:

fa-glass "\f000"
fa-music "\f001"
fa-search "\f002"
fa-envelope-o "\f003"
fa-heart "\f004"
fa-star "\f005"
fa-star-o "\f006"
fa-user "\f007"
fa-film "\f008"
fa-th-large "\f009"
fa-th "\f00a"
fa-th-list "\f00b"
fa-check "\f00c"
fa-times "\f00d"
fa-search-plus "\f00e"
fa-search-minus "\f010"
fa-power-off "\f011"
fa-signal "\f012"
fa-cog "\f013"
fa-trash-o "\f014"
fa-home "\f015"
fa-file-o "\f016"
fa-clock-o "\f017"
fa-road "\f018"
fa-download "\f019"
fa-arrow-circle-o-down "\f01a"
fa-arrow-circle-o-up "\f01b"
fa-inbox "\f01c"
fa-play-circle-o "\f01d"
fa-repeat "\f01e"
fa-refresh "\f021"
fa-list-alt "\f022"
fa-lock "\f023"
fa-flag "\f024"
fa-headphones "\f025"
fa-volume-off "\f026"
fa-volume-down "\f027"
fa-volume-up "\f028"
fa-qrcode "\f029"
fa-barcode "\f02a"
fa-tag "\f02b"
fa-tags "\f02c"
fa-book "\f02d"
fa-bookmark "\f02e"
fa-print "\f02f"
fa-camera "\f030"
fa-font "\f031"
fa-bold "\f032"
fa-italic "\f033"
fa-text-height "\f034"
fa-text-width "\f035"
fa-align-left "\f036"
fa-align-center "\f037"
fa-align-right "\f038"
fa-align-justify "\f039"
fa-list "\f03a"
fa-outdent "\f03b"
fa-indent "\f03c"
fa-video-camera "\f03d"
fa-picture-o "\f03e"
fa-pencil "\f040"
fa-map-marker "\f041"
fa-adjust "\f042"
fa-tint "\f043"
fa-pencil-square-o "\f044"
fa-share-square-o "\f045"
fa-check-square-o "\f046"
fa-arrows "\f047"
fa-step-backward "\f048"
fa-fast-backward "\f049"
fa-backward "\f04a"
fa-play "\f04b"
fa-pause "\f04c"
fa-stop "\f04d"
fa-forward "\f04e"
fa-fast-forward "\f050"
fa-step-forward "\f051"
fa-eject "\f052"
fa-chevron-left "\f053"
fa-chevron-right "\f054"
fa-plus-circle "\f055"
fa-minus-circle "\f056"
fa-times-circle "\f057"
fa-check-circle "\f058"
fa-question-circle "\f059"
fa-info-circle "\f05a"
fa-crosshairs "\f05b"
fa-times-circle-o "\f05c"
fa-check-circle-o "\f05d"
fa-ban "\f05e"
fa-arrow-left "\f060"
fa-arrow-right "\f061"
fa-arrow-up "\f062"
fa-arrow-down "\f063"
fa-share "\f064"
fa-expand "\f065"
fa-compress "\f066"
fa-plus "\f067"
fa-minus "\f068"
fa-asterisk "\f069"
fa-exclamation-circle "\f06a"
fa-gift "\f06b"
fa-leaf "\f06c"
fa-fire "\f06d"
fa-eye "\f06e"
fa-eye-slash "\f070"
fa-exclamation-triangle "\f071"
fa-plane "\f072"
fa-calendar "\f073"
fa-random "\f074"
fa-comment "\f075"
fa-magnet "\f076"
fa-chevron-up "\f077"
fa-chevron-down "\f078"
fa-retweet "\f079"
fa-shopping-cart "\f07a"
fa-folder "\f07b"
fa-folder-open "\f07c"
fa-arrows-v "\f07d"
fa-arrows-h "\f07e"
fa-bar-chart "\f080"
fa-twitter-square "\f081"
fa-facebook-square "\f082"
fa-camera-retro "\f083"
fa-key "\f084"
fa-cogs "\f085"
fa-comments "\f086"
fa-thumbs-o-up "\f087"
fa-thumbs-o-down "\f088"
fa-star-half "\f089"
fa-heart-o "\f08a"
fa-sign-out "\f08b"
fa-linkedin-square "\f08c"
fa-thumb-tack "\f08d"
fa-external-link "\f08e"
fa-sign-in "\f090"
fa-trophy "\f091"
fa-github-square "\f092"
fa-upload "\f093"
fa-lemon-o "\f094"
fa-phone "\f095"
fa-square-o "\f096"
fa-bookmark-o "\f097"
fa-phone-square "\f098"
fa-twitter "\f099"
fa-facebook "\f09a"
fa-github "\f09b"
fa-unlock "\f09c"
fa-credit-card "\f09d"
fa-rss "\f09e"
fa-hdd-o "\f0a0"
fa-bullhorn "\f0a1"
fa-bell "\f0f3"
fa-certificate "\f0a3"
fa-hand-o-right "\f0a4"
fa-hand-o-left "\f0a5"
fa-hand-o-up "\f0a6"
fa-hand-o-down "\f0a7"
fa-arrow-circle-left "\f0a8"
fa-arrow-circle-right "\f0a9"
fa-arrow-circle-up "\f0aa"
fa-arrow-circle-down "\f0ab"
fa-globe "\f0ac"
fa-wrench "\f0ad"
fa-tasks "\f0ae"
fa-filter "\f0b0"
fa-briefcase "\f0b1"
fa-arrows-alt "\f0b2"
fa-users "\f0c0"
fa-link "\f0c1"
fa-cloud "\f0c2"
fa-flask "\f0c3"
fa-scissors "\f0c4"
fa-files-o "\f0c5"
fa-paperclip "\f0c6"
fa-floppy-o "\f0c7"
fa-square "\f0c8"
fa-bars "\f0c9"
fa-list-ul "\f0ca"
fa-list-ol "\f0cb"
fa-strikethrough "\f0cc"
fa-underline "\f0cd"
fa-table "\f0ce"
fa-magic "\f0d0"
fa-truck "\f0d1"
fa-pinterest "\f0d2"
fa-pinterest-square "\f0d3"
fa-google-plus-square "\f0d4"
fa-google-plus "\f0d5"
fa-money "\f0d6"
fa-caret-down "\f0d7"
fa-caret-up "\f0d8"
fa-caret-left "\f0d9"
fa-caret-right "\f0da"
fa-columns "\f0db"
fa-sort "\f0dc"
fa-sort-desc "\f0dd"
fa-sort-asc "\f0de"
fa-envelope "\f0e0"
fa-linkedin "\f0e1"
fa-undo "\f0e2"
fa-gavel "\f0e3"
fa-tachometer "\f0e4"
fa-comment-o "\f0e5"
fa-comments-o "\f0e6"
fa-bolt "\f0e7"
fa-sitemap "\f0e8"
fa-umbrella "\f0e9"
fa-clipboard "\f0ea"
fa-lightbulb-o "\f0eb"
fa-exchange "\f0ec"
fa-cloud-download "\f0ed"
fa-cloud-upload "\f0ee"
fa-user-md "\f0f0"
fa-stethoscope "\f0f1"
fa-suitcase "\f0f2"
fa-bell-o "\f0a2"
fa-coffee "\f0f4"
fa-cutlery "\f0f5"
fa-file-text-o "\f0f6"
fa-building-o "\f0f7"
fa-hospital-o "\f0f8"
fa-ambulance "\f0f9"
fa-medkit "\f0fa"
fa-fighter-jet "\f0fb"
fa-beer "\f0fc"
fa-h-square "\f0fd"
fa-plus-square "\f0fe"
fa-angle-double-left "\f100"
fa-angle-double-right "\f101"
fa-angle-double-up "\f102"
fa-angle-double-down "\f103"
fa-angle-left "\f104"
fa-angle-right "\f105"
fa-angle-up "\f106"
fa-angle-down "\f107"
fa-desktop "\f108"
fa-laptop "\f109"
fa-tablet "\f10a"
fa-mobile "\f10b"
fa-circle-o "\f10c"
fa-quote-left "\f10d"
fa-quote-right "\f10e"
fa-spinner "\f110"
fa-circle "\f111"
fa-reply "\f112"
fa-github-alt "\f113"
fa-folder-o "\f114"
fa-folder-open-o "\f115"
fa-smile-o "\f118"
fa-frown-o "\f119"
fa-meh-o "\f11a"
fa-gamepad "\f11b"
fa-keyboard-o "\f11c"
fa-flag-o "\f11d"
fa-flag-checkered "\f11e"
fa-terminal "\f120"
fa-code "\f121"
fa-reply-all "\f122"
fa-star-half-o "\f123"
fa-location-arrow "\f124"
fa-crop "\f125"
fa-code-fork "\f126"
fa-chain-broken "\f127"
fa-question "\f128"
fa-info "\f129"
fa-exclamation "\f12a"
fa-superscript "\f12b"
fa-subscript "\f12c"
fa-eraser "\f12d"
fa-puzzle-piece "\f12e"
fa-microphone "\f130"
fa-microphone-slash "\f131"
fa-shield "\f132"
fa-calendar-o "\f133"
fa-fire-extinguisher "\f134"
fa-rocket "\f135"
fa-maxcdn "\f136"
fa-chevron-circle-left "\f137"
fa-chevron-circle-right "\f138"
fa-chevron-circle-up "\f139"
fa-chevron-circle-down "\f13a"
fa-html5 "\f13b"
fa-css3 "\f13c"
fa-anchor "\f13d"
fa-unlock-alt "\f13e"
fa-bullseye "\f140"
fa-ellipsis-h "\f141"
fa-ellipsis-v "\f142"
fa-rss-square "\f143"
fa-play-circle "\f144"
fa-ticket "\f145"
fa-minus-square "\f146"
fa-minus-square-o "\f147"
fa-level-up "\f148"
fa-level-down "\f149"
fa-check-square "\f14a"
fa-pencil-square "\f14b"
fa-external-link-square "\f14c"
fa-share-square "\f14d"
fa-compass "\f14e"
fa-caret-square-o-down "\f150"
fa-caret-square-o-up "\f151"
fa-caret-square-o-right "\f152"
fa-eur "\f153"
fa-gbp "\f154"
fa-usd "\f155"
fa-inr "\f156"
fa-jpy "\f157"
fa-rub "\f158"
fa-krw "\f159"
fa-btc "\f15a"
fa-file "\f15b"
fa-file-text "\f15c"
fa-sort-alpha-asc "\f15d"
fa-sort-alpha-desc "\f15e"
fa-sort-amount-asc "\f160"
fa-sort-amount-desc "\f161"
fa-sort-numeric-asc "\f162"
fa-sort-numeric-desc "\f163"
fa-thumbs-up "\f164"
fa-thumbs-down "\f165"
fa-youtube-square "\f166"
fa-youtube "\f167"
fa-xing "\f168"
fa-xing-square "\f169"
fa-youtube-play "\f16a"
fa-dropbox "\f16b"
fa-stack-overflow "\f16c"
fa-instagram "\f16d"
fa-flickr "\f16e"
fa-adn "\f170"
fa-bitbucket "\f171"
fa-bitbucket-square "\f172"
fa-tumblr "\f173"
fa-tumblr-square "\f174"
fa-long-arrow-down "\f175"
fa-long-arrow-up "\f176"
fa-long-arrow-left "\f177"
fa-long-arrow-right "\f178"
fa-apple "\f179"
fa-windows "\f17a"
fa-android "\f17b"
fa-linux "\f17c"
fa-dribbble "\f17d"
fa-skype "\f17e"
fa-foursquare "\f180"
fa-trello "\f181"
fa-female "\f182"
fa-male "\f183"
fa-gittip "\f184"
fa-sun-o "\f185"
fa-moon-o "\f186"
fa-archive "\f187"
fa-bug "\f188"
fa-vk "\f189"
fa-weibo "\f18a"
fa-renren "\f18b"
fa-pagelines "\f18c"
fa-stack-exchange "\f18d"
fa-arrow-circle-o-right "\f18e"
fa-arrow-circle-o-left "\f190"
fa-caret-square-o-left "\f191"
fa-dot-circle-o "\f192"
fa-wheelchair "\f193"
fa-vimeo-square "\f194"
fa-try "\f195"
fa-plus-square-o "\f196"
fa-space-shuttle "\f197"
fa-slack "\f198"
fa-envelope-square "\f199"
fa-wordpress "\f19a"
fa-openid "\f19b"
fa-university "\f19c"
fa-graduation-cap "\f19d"
fa-yahoo "\f19e"
fa-google "\f1a0"
fa-reddit "\f1a1"
fa-reddit-square "\f1a2"
fa-stumbleupon-circle "\f1a3"
fa-stumbleupon "\f1a4"
fa-delicious "\f1a5"
fa-digg "\f1a6"
fa-pied-piper "\f1a7"
fa-pied-piper-alt "\f1a8"
fa-drupal "\f1a9"
fa-joomla "\f1aa"
fa-language "\f1ab"
fa-fax "\f1ac"
fa-building "\f1ad"
fa-child "\f1ae"
fa-paw "\f1b0"
fa-spoon "\f1b1"
fa-cube "\f1b2"
fa-cubes "\f1b3"
fa-behance "\f1b4"
fa-behance-square "\f1b5"
fa-steam "\f1b6"
fa-steam-square "\f1b7"
fa-recycle "\f1b8"
fa-car "\f1b9"
fa-taxi "\f1ba"
fa-tree "\f1bb"
fa-spotify "\f1bc"
fa-deviantart "\f1bd"
fa-soundcloud "\f1be"
fa-database "\f1c0"
fa-file-pdf-o "\f1c1"
fa-file-word-o "\f1c2"
fa-file-excel-o "\f1c3"
fa-file-powerpoint-o "\f1c4"
fa-file-image-o "\f1c5"
fa-file-archive-o "\f1c6"
fa-file-audio-o "\f1c7"
fa-file-video-o "\f1c8"
fa-file-code-o "\f1c9"
fa-vine "\f1ca"
fa-codepen "\f1cb"
fa-jsfiddle "\f1cc"
fa-life-ring "\f1cd"
fa-circle-o-notch "\f1ce"
fa-rebel "\f1d0"
fa-empire "\f1d1"
fa-git-square "\f1d2"
fa-git "\f1d3"
fa-hacker-news "\f1d4"
fa-tencent-weibo "\f1d5"
fa-qq "\f1d6"
fa-weixin "\f1d7"
fa-paper-plane "\f1d8"
fa-paper-plane-o "\f1d9"
fa-history "\f1da"
fa-circle-thin "\f1db"
fa-header "\f1dc"
fa-paragraph "\f1dd"
fa-sliders "\f1de"
fa-share-alt "\f1e0"
fa-share-alt-square "\f1e1"
fa-bomb "\f1e2"
fa-futbol-o "\f1e3"
fa-tty "\f1e4"
fa-binoculars "\f1e5"
fa-plug "\f1e6"
fa-slideshare "\f1e7"
fa-twitch "\f1e8"
fa-yelp "\f1e9"
fa-newspaper-o "\f1ea"
fa-wifi "\f1eb"
fa-calculator "\f1ec"
fa-paypal "\f1ed"
fa-google-wallet "\f1ee"
fa-cc-visa "\f1f0"
fa-cc-mastercard "\f1f1"
fa-cc-discover "\f1f2"
fa-cc-amex "\f1f3"
fa-cc-paypal "\f1f4"
fa-cc-stripe "\f1f5"
fa-bell-slash "\f1f6"
fa-bell-slash-o "\f1f7"
fa-trash "\f1f8"
fa-copyright "\f1f9"
fa-at "\f1fa"
fa-eyedropper "\f1fb"
fa-paint-brush "\f1fc"
fa-birthday-cake "\f1fd"
fa-area-chart "\f1fe"
fa-pie-chart "\f200"
fa-line-chart "\f201"
fa-lastfm "\f202"
fa-lastfm-square "\f203"
fa-toggle-off "\f204"
fa-toggle-on "\f205"
fa-bicycle "\f206"
fa-bus "\f207"
fa-ioxhost "\f208"
fa-angellist "\f209"
fa-cc "\f20a"
fa-ils "\f20b"
fa-meanpath "\f20c"

189 Responses to “A list of Font Awesome icons and their CSS content values”

hemant says:

December 14, 2012 at 6:44 pm

how can we use this type of css ?

Reply
- Tim says:
  
  December 18, 2012 at 9:52 pm
  
  I have not detailed how to implement Font Awesome css; this is covered on their site. If you give me specific scenario in which you want to implement this CSS, I will add it to this snippet.
  
  Reply
jen says:

March 5, 2013 at 9:02 am

Thanks, this is helpful. I have a question. in your page, how did you specify that you want the icons to appear grey?

Reply
- Tim says:
  
  March 5, 2013 at 9:47 am
  
  Hi Jen,
  It is beautifully simple. Since the icons are generated by a font, you can apply CSS the same way as for regular text, eg: color: #999. In my snippet I have a bunch of rules below the comment ‘adjust as necessary’, including a color rule.
  – Tim.
  
  Reply
DesignNewbie says:

April 22, 2013 at 12:20 am

Simply amazing. I were using Ligature symbols, but now moved to this one. This has more symbols. Do you know if its compatible with all desktop browsers? especially IE8?

Reply
- Tim says:
  
  April 22, 2013 at 9:51 am
  
  It works by loading the icons via @font-face CSS property, so you can check out the browser support here: http://caniuse.com/#feat=fontface. Font Awesome includes the EOT file format, which is supported by IE8 – see here: http://caniuse.com/#feat=eot
  
  Reply
helloman2 says:

April 23, 2013 at 11:36 pm

hey it would be nice of you to add on the content values for the extra font awesome set called “font awesome more” if at all possible.

Thanks for the article.

Reply
Rizwan Khan says:

April 29, 2013 at 10:05 pm

Thank you so much!!! your help is really appreciated.

Reply
Brian says:

May 3, 2013 at 5:01 am

What about adding conditional icons to form input values?

Say like on success, you have ‘input.success’

I can manually create ::before and ::after instances of the icon-ok with :

color: #339900;
content: “\f00c”;
font-family: FontAwesome;

after loading the font with @font-face, but I can’t get it to show up. Ideally, I would have the input padded left (from right), with the icon on the far right positioned absolutely using ::after.

Any ideas on this?

Thanks – Brian

Reply
Brian says:

May 3, 2013 at 5:22 am

I ended up using the label:after for my needs. However, I am still curious as to other options. I know the pseudo classes are not allowed on input elements, but there are surely some other ways around this. 😉

The following gets me where I need to be in my case:

label.success{color:#339900;}
input.success{border:1px solid #339900;padding-right: 30px;}
label.success:after {
color: #339900;
content: “\f00c”;
font-family: FontAwesome;
position: absolute;
right: 10px;
top: 25px;
}

Reply
Nico Knaepen says:

May 9, 2013 at 12:07 am

Thanks! This was really helpfull to me.

Reply
Danut says:

June 5, 2013 at 8:03 am

How i can add for a:visited icon

.book-navigation .menu a:visited {
color: #FF7C00;
content: “\f00c”;
font-family: FontAwesome;
text-decoration: none;
}

this is my class in css

Reply
- Tim says:
  
  June 5, 2013 at 8:27 pm
  
  Hi Danut,
  You simply string the pseudo classes together as a:visited:before so you complete code would be
  
  .book-navigation .menu a:visited:before { color: #FF7C00; content: "\f00c"; font-family: FontAwesome; text-decoration: none; }
  
  Reply
Ronnie says:

July 5, 2013 at 11:33 pm

How do you get space after the icon.

Reply
- Tim says:
  
  July 6, 2013 at 7:22 am
  
  Since the icon has position absolute, you can adjust the left or right values. You would likely need to also apply some padding or margin to the parent element to accommodate for this.
  
  Reply
Alex says:

July 20, 2013 at 4:33 pm

I cant find icon for vimeo. Why?

Reply
- Tim says:
  
  July 20, 2013 at 6:22 pm
  
  Hi Alex,
  
  FontAwesome does not yet have a Vimeo icon. I’m sure it will be added soon in a future version, however in the meantime you can use the font icon from IcoMoon which includes a Vimeo icon. IcoMoon is a really great tool for combining icons from different fonts which can then be downloaded as a new font file. This helps reduce the overall size of a site, as in most cases, you will only want to use a handful of the available icons.
  
  Reply
- Tim says:
  
  November 11, 2013 at 7:54 pm
  
  Vimeo is now included in version 4.0!
  
  Reply
accept says:

August 5, 2013 at 5:55 am

good done

Reply
Peter Schmalfeldt says:

August 8, 2013 at 5:05 pm

For those wanting a way to filter & search font awesome icons, I put together this tool ( which is open sourced )

http://lab.peterschmalfeldt.com/fontawesome/

Reply
- Tim says:
  
  August 8, 2013 at 5:15 pm
  
  If you add the CSS content values to the display on your search tool, I’d find yours more useful than my own!
  
  Reply
Brian says:

August 10, 2013 at 7:33 am

Thanks, you made my Friday.

Reply
William T says:

August 18, 2013 at 4:36 pm

Hi Tim,

I want to use these icons as a big background image in different pages, let’s say in the or #wrap, but can’t find how. Do you know how to accomplish it?

Thanks in advance,
W

Reply
- Tim says:
  
  August 18, 2013 at 8:24 pm
  
  Hi William,
  You can do this by adding the Font Awesome icon style to the #wrap:after pseudo element. You then use absolute positioning to place the icon where you need it; if you want it in the center, then you can combine left: 50%; with margin-left: -(half the icon size); Since you want it to be a background image, you’ll need to wrap the content of the div#wrap in another div and apply a z-index higher than the icon. I have made a demo of this to best explain what I mean. See here: http://codepen.io/astrotim/pen/IjJzL
  
  Hope that works for you!
  Tim.
  
  Reply
William T says:

August 19, 2013 at 2:30 am

Great Tim!

I really appreciate the clear example, thanks a lot!

Reply
Ibnu says:

September 12, 2013 at 4:33 am

Oh I see now, So I must add awesome font from third party inside the site… Thank you very much

Reply
JP DeVries says:

September 20, 2013 at 8:36 am

This is awesome. Has anyone got this working on input (type=”text”) elements?

Reply
- Tim says:
  
  September 20, 2013 at 10:10 am
  
  Hi JP,
  
  To my knowledge, it is not possible to use the :before or :after pseudo-selectors on the <input> element. I would suggest looking at the Bootstrap approach using prepended components under the heading ‘Extending Form Controls’. If you add another element like this, then you’ll be able to style it with a Font Awesome icon.
  
  Reply
Suresh Katke says:

September 26, 2013 at 12:55 am

Hello Tim,

Really awesome Is this free fonts OR there any license.

Thanks,

Reply
- Tim says:
  
  September 26, 2013 at 3:12 pm
  
  Hi Suresh,
  Font Awesome is an open source project. See http://fortawesome.github.io/Font-Awesome/license/ for full details.
  
  Reply
srinu says:

September 30, 2013 at 11:17 pm

hi
i am using this font in my wordpress site but it will show the code only .how to display this icon in my wordpress website

plz help…….

Reply
- Tim says:
  
  October 1, 2013 at 9:59 am
  
  I’d guess that the font definition is incorrect. The snippet above declares FontAwesome as the font-family, so this requires the presence of an @font-face rule which defines 'FontAwesome' with the relevant paths to the font files. See this CDN version of the CSS, or read the Get Started page on the Font Awesome site for more help.
  
  Reply
Bill says:

October 9, 2013 at 6:47 am

Thank you for taking the time to do this. Big help.

Reply
mapsv4 says:

October 22, 2013 at 6:29 pm

how to change font awesome icon replace below website folder, if I using code below, the + – label will be missing.
Please advice, many thanks.

.css-treeview label::before
{
content: “\f07c” !important;
font-family: FontAwesome;
color: #FFCC00;
/* background: url(“icons.png”) no-repeat; */

}
http://acidmartin.wordpress.com/2011/09/26/css3-treevew-no-javascript/

Reply
- Tim says:
  
  October 22, 2013 at 6:56 pm
  
  Since Treeview is already using the .css-treeview label::before selector, I suggest using the .css-treeview label::after selector for your Font Awesome icon. You may need to adjust the positioning to account to it being after, not before the element, but it should work.
  
  Reply
PageLines Community | Font Awesome Reference Guide says:

November 8, 2013 at 2:20 pm

[…] for all of this and I managed to find a reference guide that was off-site for Font Awesome. So, check out the reference tool on this site. It should hopefully tide us all over until PageLines updates the font awesome system in PageLines […]

Reply
Dan says:

November 11, 2013 at 11:53 pm

Thank you for this page – it is the most visited website in my workflow…

Reply
Faisal Khan says:

November 12, 2013 at 12:35 am

I want to put my own image, there is no suitable icons for Java, Google Glass & Web 2.0 etc
so I want to design my own and put in the page..

Reply
sadiaiftikhar says:

November 13, 2013 at 12:34 am

I had paste this element code it html file using style tag in head. but, there is no result!!!

Reply
jeff szuc says:

November 16, 2013 at 1:05 am

I love it when I think something is going to take me hours to figure out and then I discover that someone’s already done all the work for me. Thanks for doing this, and thanks for sharing. you’re awesome.

Reply
Dap says:

November 19, 2013 at 9:11 pm

Hi,
this was the only resource showing the old version of A.F.
Now you update to last version.

Is still available the previous version of A.F List? 🙂

tnks
dap

Reply
- Tim says:
  
  January 5, 2014 at 9:57 pm
  
  Hi Dap,
  I have created another post with the version 3 Font Awesome icons here: http://astronautweb.co/snippet/font-awesome-icons-v3/
  
  Reply
Beekita Sharma says:

November 25, 2013 at 5:47 am

Great post out there (Y).. btw which theme are you using?

Reply
Cassandra Faye says:

December 6, 2013 at 10:27 am

Can you do a High Heel shoe Icon?

Reply
- Tim says:
  
  December 9, 2013 at 9:35 am
  
  I did not create these icons, you will need to submit a request to http://fontawesome.io/. You can also try looking a the many different icon fonts available through http://icomoon.io/
  
  Reply
9KD says:

December 8, 2013 at 6:06 am

This is very powerful if you know how to use it. Good for button makers 😉

Reply
Teri says:

December 9, 2013 at 7:55 am

Just a HUGE THANK YOU, Tim, for this article. I now have this bookmarked so as not to lose it!

I’ve spent way too much time researching so many of these things that LOOK so easy, but really, every little new thing is a challenge for me. And I’ve been doing this a while now, so it is frustrating.

Specifically, I needed an FA icon screened back to use as a BG image and not only did you provide PRECISELY what I was looking for, you also provided a CodePen sample. THAT is going the extra mile, my friend and I thank you!

Reply
- Tim says:
  
  December 9, 2013 at 9:36 am
  
  You’re welcome Teri, and thank you for the feedback! I have been helped by many articles on other websites, so it is good to repay the community whenever possible.
  
  Reply
anand says:

December 10, 2013 at 3:35 am

really nice share….I too have customized to add Social links in my blog footer………..using cool font awesome icons……..

Reply
Ichsany says:

December 15, 2013 at 5:09 pm

I have installed this font on Bootstrap framework but I can’t find “Blackberry” icon… but it’s amazing and really complete stuff!

Reply
Oemar says:

December 23, 2013 at 4:38 pm

great usefull post, very complete 🙂

Reply
Ryan says:

December 24, 2013 at 12:11 pm

I tried adding color to the .fa-twitter: before class in the font awesome css and the color still would not change. Any suggestions?

.fa-twitter:before: {
content: “\f099”;
font-family: FontAwesome;
color: #fff;
}

Also, how would you change the color of an icon whenever you hover over it?

Reply
How to replace search button text with a icon font in Genesis - Sridhar Katakam says:

December 24, 2013 at 1:54 pm

[…] http://astronautweb.co/snippet/font-awesome/ […]

Reply
Adding nav sub menu indicators in Genesis using Font Awesome - Sridhar Katakam says:

December 25, 2013 at 6:00 pm

[…] Reference: http://astronautweb.co/snippet/font-awesome/ […]

Reply
hai nusantara says:

December 26, 2013 at 5:01 am

hy thank you very much

Reply
Sush says:

December 29, 2013 at 1:47 am

Thanks a looooooooooooot… 🙂 I really wanted this…
Keep up the good work 🙂

Reply
cân ô tô says:

December 30, 2013 at 8:04 pm

Thank so much, this post is very useful for me.

Reply
Jquery Thèmes et outils | BlogMRoot says:

January 15, 2014 at 6:19 pm

[…] http://astronautweb.co/snippet/font-awesome/ […]

Reply
Yashwanth says:

February 6, 2014 at 10:32 pm

Can i use this Font Awesome Icons in Asp:menu..??

Reply
- Tim says:
  
  February 7, 2014 at 9:46 am
  
  I am not familiar with Asp:menu, but I can say that you can use Font Awesome where ever you can use CSS. It is also possible to save out individual icons as SVG or PNG via http://icomoon.io/
  
  Reply
Yashwanth says:

February 7, 2014 at 3:29 pm

Thanks for the link its really helpful. Cheers..!!

Reply
arwel legaspi says:

February 27, 2014 at 2:04 pm

Just visited this site and I want to thanks Tim for sharing this info. I have use some it 🙂

Reply
Tushar says:

February 27, 2014 at 7:02 pm

Awesome list for reference. Thanks 🙂

Reply
Liste des icons de Font Awesome et leur valeur content | Pixeline | Intégration, développement & Gestion de projet Web says:

February 28, 2014 at 3:35 am

[…] ? […]

Reply
A list of Font Awesome icons and their CSS content values - Bronson Quick says:

February 28, 2014 at 5:47 pm

[…] A list of Font Awesome icons and their CSS content values […]

Reply
Iconos para webs como fuente y no como imagen | giltesa - Notas rapidas says:

March 1, 2014 at 8:42 am

[…] http://astronautweb.co/snippet/font-awesome/ […]

Reply
FontAwesome – A font to provide you with icons to minimise filesize | My Blog says:

March 3, 2014 at 9:41 pm

[…] View list of icons […]

Reply
Jorge says:

March 4, 2014 at 7:48 am

For some reason sometimes displays the icon and somtimes displays a code … any help on this ??

Thanks a lot !

Reply
Font Awesome icons and their CSS content values | Vizergy Creative says:

March 5, 2014 at 8:29 am

[…] See the full list: http://astronautweb.co/snippet/font-awesome/ […]

Reply
sreelal says:

March 11, 2014 at 8:33 pm

thanks its very useful..

Reply
Nicolas M says:

March 13, 2014 at 9:51 pm

you can also try to convert font awesome with http://iconion.com/

Reply
Suave Digital says:

March 21, 2014 at 2:48 pm

This is very helpfull, Thanks a lot 🙂

Reply
peter saurus says:

April 9, 2014 at 11:16 pm

it’s really odd, can you explain where the .gif .jpg .png of the images are? instead you get something such as content: “\f115”; anyway great explanation!!

Reply
sulaman says:

April 21, 2014 at 5:29 pm

Just visit this site http://www.uiplayground.in/css3-icons/ and I have use some it 🙂

Reply
Praveen says:

April 22, 2014 at 6:57 pm

Can I have a color on hover for each icons and a color for visited.

Reply
- Tim says:
  
  April 23, 2014 at 9:19 am
  
  Hi Praveen. Yes, you can style the icon font the same way you style text. When combining :before with the :hover and :visited pseudo selectors, you need to chain them together, with hover or visited listed first, example:
  
  .element:hover:before {/*style*/}
  
  Reply
Ivan says:

April 23, 2014 at 3:54 am

Thank you

Reply
Praveen says:

April 23, 2014 at 4:29 pm

Thanks Tim. I tried your solution. It works on the icon, not the div that have the icon. The :after pseudo selector does not work for me.

Reply
Praveen says:

April 24, 2014 at 7:29 pm

Hi Tim, I want to remove the white border from the icons outer circle. I tried but am unable to so I gave this css
.fa-stack {color: #ffe300}
.fa-circle {background-color:#ffe300}
after changing the section background color to #ffe300. Now I see a 1 px height 12px width white line on 3 corners. How to get rid of it.
Thanks

Reply
Rian says:

April 25, 2014 at 4:55 am

Great post!!! Thanks for the information.

Reply
Rajkumar Khandelwal says:

May 6, 2014 at 3:23 pm

Hi, Tim Holt
Thanks for Great post!!
its very useful

Reply
tutorial89 says:

May 26, 2014 at 9:19 pm

thank’s for your share. i like it

Reply
Oeurn Sophearith says:

June 6, 2014 at 5:12 am

Hello Sir!
I would like to ask you one question, I want to change color on icon code when mouse over, is not like that
.element:hover {
color: #0FF;
}
is not change.

Reply me please…., thank you

Reply
- Tim says:
  
  June 6, 2014 at 1:31 pm
  
  Hi Oeurn,
  The icon is styled on the :before pseudo element, so to apply a hover style, you need to chain hover and before together, like:
```
.element:hover:before {
  color: #0FF;
}
```
  Reply
Frank says:

June 13, 2014 at 4:54 am

Great list, thank you. It would be even better if the list also contained the FA-class names… would make it faster to find a specific one (rather than eye-scanning all icons). I wonder why this extremely useful list is not on the official site.

Reply
Ian Mustafa says:

June 13, 2014 at 7:19 am

Hi Tim,
Thank you for your post and your pen to use the icon as a background. It really helps!
I have made a pen based on them –actually it’s my first pen– and you should take a look: http://codepen.io/cuplizian/pen/GCihx

Keep up your good work, and thanks in advance!
—Ian Mustafa

Reply
Nitesh Suthar says:

June 17, 2014 at 3:32 pm

Hiii,
I want foot icon in font awesome style .

Reply
- Tim says:
  
  June 18, 2014 at 12:04 pm
  
  Hi Nitesh, you will need to direct your request for a new Font Awesome icon to the developer. There are instructions for how to do this here.
  
  Reply
Despoina says:

June 18, 2014 at 10:01 pm

How can I use hover state?

Reply
- Tim says:
  
  June 18, 2014 at 10:51 pm
  
  Hi, see the comment above here. This should answer your question.
  
  Reply
karene says:

June 26, 2014 at 2:09 am

Hi, some of the icons works well, but some won’t appear. Any idea why?

Reply
- Tim says:
  
  June 26, 2014 at 10:18 am
  
  Hi Karene, I suggest checking the ‘Get Started’ documentation on the official Font Awesome site.
  
  Reply
gece fırsatları says:

June 30, 2014 at 2:55 am

fontawersome Windows host problem!

Reply
Joerel says:

July 5, 2014 at 11:02 am

This is so awesome ^_^

Reply
Nitesh says:

July 10, 2014 at 10:22 pm

Awesome.

Reply
Danish says:

July 16, 2014 at 7:27 pm

what is different between SVG and ICOMOON?

Reply
- Tim says:
  
  July 28, 2014 at 8:52 am
  
  Hi Danish,
  SVG is an image file format, such as JPEG or PNG. IcoMoon is a webapp for creating custom icon font libraries. I recommend watching this excellent presentation from Chris Coyier which talks about the difference between icon fonts and SVG.
  
  Reply
RAMANAND YADAV says:

July 24, 2014 at 10:45 pm

Can I have a color on hover for each icons and a color for visited.

Reply
- Tim says:
  
  July 25, 2014 at 11:20 am
  
  You sure can! This was answered here. For visited, change the selector to .element:visited:before {/*styles*/}
  
  Reply
Ankita says:

July 26, 2014 at 12:20 am

Hi I need to put the calendar icon inside the input tag and not besides.The link I need to do this is: http://ankiita.com/ihm/reports.html
Please help!!

Reply
- Tim says:
  
  July 28, 2014 at 8:46 am
  
  Hi Ankita,
  As noted below the code snippet, you can’t use before or after pseudo selectors on the input element, so you will need to wrap it in another element, such as a div. You can then style the wrapper div using the CSS in this snippet. I have created a CodePen here to demonstrate this in action.
  
  Reply
Patricia says:

July 27, 2014 at 12:20 am

HI,
Can I upload this beautiful icons into the twenty ten theme from wordpress? Any guidance will be extremely appreciate it. THanks, Patricia

Reply
- Tim says:
  
  July 28, 2014 at 8:59 am
  
  Hi Patricia,
  Yes, you can use Font Awesome on any web page, including the Twenty Ten theme. You need to include the font files in your theme files and then reference the fonts in your HTML or CSS. I recommend reading the Get Started Guide on the official Font Awesome website to learn more about how it works.
  
  Reply
Sydney Yo says:

July 27, 2014 at 1:00 pm

I think the html of my theme is a little different? (sorry, i’m a noob at html and coding) it’s more like:

TITLE
TEXT

and i can’t seem to figure out how to replace the already-set ones?

Reply
Vladimir says:

August 1, 2014 at 5:23 pm

Hello, I’m trying to use your font:

.icon-skype-sign:before { content: “\f17e”; }
.icon-skype:before { content: “\f17e”; }

But instead of icon of skype I see Л – icon(

Reply
Ankita says:

August 6, 2014 at 4:09 pm

My issue is not resolved yet the way I want to 🙁

Reply
Ruben says:

August 22, 2014 at 5:54 pm

Gret job

Thanks….

Reply
crazyguy says:

August 24, 2014 at 12:43 pm

HI CAN I USE THESE FOR MY COMMERCIAL PROJECTS FOR FREE

Reply
PuntoSex says:

August 28, 2014 at 11:57 pm

Great font. Really love the icons.
Will apply to our site asap.
Using this instead of images saves bandwith and resources loaded.

Reply
Raffi says:

September 8, 2014 at 7:04 am

This doesn’t work on firefox anymore, I’ve tried various versions.

Reply
- Tim says:
  
  September 18, 2014 at 9:22 am
  
  This is likely due to serving the Font Awesome files from a CDN. Firefox and IE now block web fonts served from a CDN due to CORS. David Walsh has a good explanation and solution in his Serving Fonts from a CDN article. Alternatively, you can serve the Font Awesome CSS and font files from the same server as the website, and they won’t be blocked due to CORS. This article serves the CSS and font files from the same server and thus works normally in Firefox and IE.
  
  Reply
alfredopacino says:

September 10, 2014 at 7:00 am

You should really update this post with the new icons 🙂

Reply
- Tim says:
  
  September 18, 2014 at 8:51 am
  
  Done! Updated to v4.2.0
  
  Reply
Daniele says:

September 17, 2014 at 10:11 pm

There is a fix for Firefox??

Reply
- Tim says:
  
  September 18, 2014 at 9:26 am
  
  See the comment above
  
  Reply
alfredopacino says:

September 18, 2014 at 9:08 am

well i find this page more fast to copy/paste then the official fontawesome one..
so i always use this 🙂

Reply
Daniele says:

September 19, 2014 at 11:27 pm

I have css and fonts file in the same server of the site, but in Firefox doesn’t work. Why??

Reply
- Tim says:
  
  September 22, 2014 at 9:25 am
  
  Hi Daniele,
  On closer inspection, it appears your style.css file includes Font Awesome version 3.0.2. This older version may be the source of your problems. I have made a quick demo of your homepage, removing the reference to version 3.0.2 from your stylesheet and including the stylesheet and font files for Font Awesome version 4.2.0. The demo page loads the fonts OK in Firefox – see here.
  I hope this helps, Tim.
  
  Reply
Anders says:

September 27, 2014 at 5:39 pm

Great resource, thanks!

Reply
Dan says:

October 5, 2014 at 6:46 am

Awesome. I found it very helpful today!

Reply
Mohammed says:

October 9, 2014 at 8:10 am

i have try to use font awesome in my site but not success need help this is url for where i used it http://www.best-download-free.com/2014/09/download-whatsapp-plus-2015.html

thanks

Reply
- Tim says:
  
  October 11, 2014 at 9:08 am
  
  Hi Mohammed, you have a lot of errors showing in the console when I inspect your page with Chrome developer tools. I would recommend trying to resolve each of those errors, as any one of them may be the source of your problem.
  
  Reply
seha says:

October 9, 2014 at 8:27 am

Font Awesome are the best and I found it very helpful today!
Great , thanks!

Reply
Cyn4ck says:

October 9, 2014 at 9:45 pm

Hey, I wanted to know how you could apply font-awesome properties such as the resizing font once you charged the font with css ?

Reply
- Tim says:
  
  October 11, 2014 at 9:05 am
  
  Since it is a font, you simply use the font-size CSS property to control the size.
  
  Reply
down says:

October 10, 2014 at 6:28 am

it very helpful, and i used in my websites when i build it ,thanks!

Reply
Mohammed says:

October 11, 2014 at 11:02 am

Thanks Tim, i am trying to fix all errors depend on your advice

Reply
Rohit says:

October 13, 2014 at 12:57 pm

Hi,how can i use this font without bootstrap codeing, i mean i have implemented but need without bootstrap

Reply
Antonio Sánchez says:

November 8, 2014 at 1:09 am

Perfect, just was I was looking for 🙂

Reply
Emily says:

November 19, 2014 at 4:13 pm

Nice collection. But when I put the code for >> in CSS like ” content:’\f101′; ” it did not work.

Reply
ilmi web says:

December 3, 2014 at 5:59 pm

very nice. Thanks.

Reply
Simo Mrak says:

December 5, 2014 at 1:33 am

so you write it this way:

content:’\f101′;
font-family:FontAwesome

cheers

Reply
dsd says:

December 22, 2014 at 8:12 pm

yes

Reply
LabLance says:

December 26, 2014 at 8:37 pm

Thanks for this informative post.

Reply
techaraby says:

January 10, 2015 at 12:04 pm

Grate job its Awesome exactly
Thanks you man….

Reply
Aristocrat says:

January 12, 2015 at 8:09 pm

Hi
Awesome work. Thanks.
How to use this in my web page. I created an aspx page and copy paste the code but icons are not appearing. How to get icons in web sites?

Reply
Aristocrat says:

January 12, 2015 at 11:22 pm

Hi
If I add the CSS link as
href=”http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css”, font icons are appearing in page but if I download the css file and add local reference it’s not working, why? How can I solve this? Thanks

Reply
Aristocrat says:

January 13, 2015 at 12:04 am

HI
Sorry I forgot to include fonts folder. Its working now. Thanks for this awesome fonts.

Reply
Nicholai says:

January 15, 2015 at 9:35 am

Is it possible to stack FA icons in css? can you provide a code snippit example?

Reply
Rendra says:

January 16, 2015 at 12:26 pm

How to insert font awesome for offline user? i want to desaign a web..

Reply
Scott Leone says:

February 1, 2015 at 5:06 am

You might want to add to your table the code for a non-breaking space, which is …

/00a0

Reply
Dribbling says:

February 5, 2015 at 6:14 pm

Hello!
Don’t work hover… Please help..
.text ul li a:hover:before { color: #999; }

Reply
Nazmul says:

February 8, 2015 at 4:33 pm

HI
Font Awesome are the best and I found it very helpful today!
Great , thanks!

Reply
Gopal says:

February 9, 2015 at 6:04 am

it works like a charm see my website http://www.techbrown.com/

Reply
Alex says:

February 12, 2015 at 2:39 am

Thank you so much!

Reply
Den says:

February 12, 2015 at 5:26 pm

Thanks, been looking for this…

Reply
Shiva ram says:

February 18, 2015 at 5:44 pm

i need fa fa manufacture or fa fa factory icon .something related to office icon for my business purpose. please respond 🙂 thank you for advance help

Reply
- Tim says:
  
  February 18, 2015 at 5:52 pm
  
  You can request new icons via the Font Awesome community page here: http://fortawesome.github.io/Font-Awesome/community/#requesting-new-icons
  
  Reply
Mr. OM says:

February 20, 2015 at 2:16 am

Tim Hi. Wonderful post you have here. Been using it since I came across it. Thanks a lot.
Font Awesome 4.3.0 came with lots of new icons. I’d so much love if you included the new icons in this post, that’s if you don’t mind.

Reply
SEspider says:

February 26, 2015 at 5:15 am

Can someone tell me the full link for these icons? For some weird reason, they are not showing up on my site when I use the shortcode.
I’m hoping the entire link will help.

Reply
- Tim says:
  
  February 26, 2015 at 10:02 am
  
  You can find instructions on how to install the font on the official Font Awesome website here. I’m not sure what you mean by “when I use the shortcode”, this article refers to using CSS content values to reference the font characters directly.
  
  Reply
Opick Weblog says:

March 8, 2015 at 7:27 pm

thank you very much for the tutorial
I will try it now

if you have a moment, please check my site here http://wajahilmu.blogspot.com/

Reply
Divdeep Singh says:

March 12, 2015 at 4:10 pm

Hii…
Can i use my own icons in the shortcodes??
Please help
Thanks in Advance…

Reply
Sudheer says:

March 14, 2015 at 4:29 pm

പൊളിച്ചു മച്ചാനെ

Reply
Nik Phirke says:

March 22, 2015 at 2:44 pm

Awesome, it really enhances the look of website 🙂

Reply
Oana says:

March 31, 2015 at 12:08 pm

There doesn’t seem to be a blogger icon…which is annoying because…well my blog’s on there.

Any chance this might be updated in the future?

Reply
Oana says:

March 31, 2015 at 12:09 pm

Any chance Blogger can be implemented somehow? It’s the one icon I’m missing.

Reply
Mansoor says:

March 31, 2015 at 11:02 pm

Salam,

use “Cloudflare” CDN: http://cdnjs.com/libraries/font-awesome

Wassalam,
Mansoor Ahmad

Reply
imran says:

April 2, 2015 at 5:06 pm

I am not able to get the fonts as they are what are the files i need to add to my project
to get the fonts

Reply
vinayak pt says:

April 10, 2015 at 10:52 pm

Hi, How can I implement a progress image or Spinner image on button click and show the default mouse pointer after event finished.
How can I use FontAwesome icons here.
Thanks for the feedback.

Reply
Sudheer says:

April 30, 2015 at 7:50 pm

Superb !!!!!!!

പൊളിച്ചു മച്ചാനെ പൊളിച്ചു.

Reply
eddy says:

May 5, 2015 at 4:00 am

it works like a charm see my website http://www.anaarbah.com/

Reply
cameron says:

May 8, 2015 at 12:32 am

Thanks for this! It was really useful!

Reply
نیلینگ says:

May 8, 2015 at 6:49 am

Amaaaaazing…

Reply
Kaefa says:

May 20, 2015 at 7:38 pm

Thanks your post helped me a lote 😉

Reply
sahilluqman says:

May 23, 2015 at 10:59 am

Tim Hi. Wonderful post you have here. Been using it since I came across it. Thanks a lot.

Reply
Tapas says:

May 29, 2015 at 6:21 pm

Not work properly what is the reason of it

Reply
Rachid says:

June 2, 2015 at 8:27 pm

Hi, some icons are not displayed, like facebook, twitter and google plus. Why this happens. (you can see an example : search for persona blogger template and preview it.)

Reply
Treatment says:

June 6, 2015 at 9:27 pm

Thanked the very wonderful site and set up and thank God Patoviq

Reply
Addy says:

June 10, 2015 at 12:00 am

Thanks 🙂 it’s very useful.

Reply
Bijay Yadav says:

June 10, 2015 at 8:40 pm

I didnt know how to show font awesome icons from CSS. Today I searched it and found exactly what I was looking for. Thanks for sharing such awesome tricks and full lists.

Reply
Mr Kay says:

June 30, 2015 at 12:09 am

Excellent resource, very kind of you to take the trouble to post these.

Reply
Ankita says:

July 7, 2015 at 4:41 pm

Hi
I have been using the icons for long.
I am stucked today with pie chart icon. Its code f200 just doesn’t work there. everything goes well if the code is changed for any other ison.
The link is http://ueureka.com/
Under Faq “Questions asked by company”
1st tab Answer under has Measure block where the icon is not working.
Can you help?

Reply
Naser says:

August 6, 2015 at 1:17 am

Hey Mate this is f@#cking Awesome!

Reply
bootstrap says:

September 6, 2015 at 7:05 pm

Awesome solution!! Thank you..

Reply
Yifeng says:

September 6, 2015 at 11:04 pm

Hi there. Can you share how you listed all the FA icons? Surely you did not type all the code by hand, right? I’m looking to do a similar list, but I can’t think of a way to do it. A loop? Maybe copy the source from the official site and make some modifications? Any help is much appreciated.

Reply
manikandan says:

September 10, 2015 at 12:00 am

i want hash(#) icon

Reply
RESEPMASAK says:

September 16, 2015 at 9:30 am

awesome icon, really nice.. thank you

Reply
Armand Darmanto says:

September 16, 2015 at 9:37 am

very easy to use and place it to the blog or any website 🙂
thanks http://astronautweb.co/

Reply
Edward says:

September 19, 2015 at 1:11 am

SO-s0-s0 great for this is helpful to me

Reply
ahmad says:

September 20, 2015 at 7:31 am

how i can use these icons ?! what is the HTML code ? 🙂

Reply
bootstrap themes says:

September 21, 2015 at 12:13 am

very very nice work! thanks a lot..

Reply
balu@top best listed says:

September 28, 2015 at 5:44 pm

nice list of icons , you reduced my work …. it helped for me

Reply
leonardo says:

October 9, 2015 at 10:59 pm

Thaks guy, very usefull.

Reply
faheem says:

October 10, 2015 at 1:12 am

@Ankita
The site http://ueureka.com is using an older version of font awesome (4.0.3) in comparison to this site (4.2.0).
Try upgrading the version and the new icons should work.

Reply
djrlambert says:

November 2, 2015 at 6:48 am

if you need the unicode of the newest FA icons, not listed here yet, you can go ti the FA website, display the icons list, and then use you Firefox element inspector to find it out.

Reply
Instan says:

November 3, 2015 at 6:29 pm

Thanks 🙂 it’s very useful. Very very good.

Reply
sugu says:

November 6, 2015 at 1:57 am

Hi i want bathroom, Kitcheen, Laundray content values

Reply
Manish says:

November 9, 2015 at 9:48 pm

This is really greats!!!

Reply

Cancel

Astronaut Web Co

A list of Font Awesome icons and their CSS content values

189 Responses to “A list of Font Awesome icons and their CSS content values”

Leave a Comment